<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>消息中心</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-responsive.min.css">
	<link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/personal.css">
	<link rel="stylesheet" type="text/css" href="css/message.css">
</head>
<body>
	<div class="black_back"></div>
	<div class="login" id="login">
		<div class="login-main">
			<h3 class="text-center">珠海市物业行业征信系统</h3>
			<p class="text-center">Zhuhai Property Industry Credit System</p>
			<form method="post">
				<div class="control-input">
					<label><i class="iconfont icon-username"></i></label>
					<input type="text" name="username" placeholder="用户名">
				</div>
				<div class="control-input">
					<label><i class="iconfont icon-yuechi"></i></label>
					<input type="password" name="password" placeholder="密码">
					<i class="iconfont icon-wangjimima"></i>
				</div>
				<div class="checkedBox">
					<div class="box-change"><i class="iconfont icon-jizhumimaxuanzhong checkbox checked"></i><input type="checkbox" name="">记住我</div>
				</div>
				<div class="get_submit text-center">
					<button type="button" class="log-in">登录</button>
					<p><a href="register.html">还没有账号？马上注册<i class="iconfont icon-changjiantou"></i></a></p>
				</div>
			</form>
		</div>
	</div>
	<div class="header clearfix container-fluid">
		<div class="row-fluid">	
			<div class="span3">
				<a href="./index.html" class="index-link">	
				<div class="navbar clearfix company">
					<span class="brand"><img src="images/logo.png"></span>
					<div class="name pull-left">
						<h4>珠海市物业行业征信系统</h4>
						<p>Zhuhai Property Industry Credit System</p>
					</div>
				</div>
				</a>	
			</div>		
			<div class="navbar span6 title_menu">				
				<ul class="nav navbar-nav menu">
				  <li class="active">
				    <a href="#"><img src="images/icon/icon_7_white.png"><span>诚信档案</span></a>
				  </li>
				  <li><a href="#"><img src="images/icon/icon_2_white.png"><span>诚信管理</span></a></li>
				</ul>
			</div>
			<div class="navbar span3">	
				<ul class="nav log-on">
					<li class="b-right"><a href="javascript:void(0)" id="log-click"><i class="iconfont icon-denglu"></i>登录</a></li>
					<li><a href="register.html"><i class="iconfont icon-tianjiayonghu"></i>注册</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="personal-main message-main">
		<div class="container">
			<div class="row-fluid">
				<div class="span2 m-nl">
					<div class="per_menu msg-menu" id="per_menu">
						<ul>
							<li class="active"><a href="javascript:void(0)" data-url="#system"><i class="iconfont icon-Ankerwebicon"></i><span>系统消息</span></a></li>
							<li><a href="javascript:void(0)" data-url="#other"><i class="iconfont icon-gonggao"></i><span>其他公告</span></a></li>
						</ul>
					</div>
				</div>
				<div class="span10 m-nl">
					<div class="msg-index">
						<!--系统消息 -->
						<div class="system" id="system">
							<div class="msg-list">
								<div class="msg-time">2017/02/20  12:25:00</div>
								<div class="msg-content new-msg">
									<p>审核通过通知</p>
									<div class="msg-inter">
										您好，您于2017/02/03申请的良好行为证明一已通过！
									</div>
									<a href="#">查看详情</a>
								</div>
							</div>
							<div class="msg-list">
								<div class="msg-time">2017/02/20  12:25:00</div>
								<div class="msg-content new-msg">
									<p>审核通过通知</p>
									<div class="msg-inter">
										您好，您于2017/02/03申请的良好行为证明一已通过！
									</div>
									<a href="#">查看详情</a>
								</div>
							</div>
						</div>
						<!-- 系统消息 end -->
						<!--系统消息 -->
						<div class="other hide" id="other">
							<div class="msg-list">
								<div class="msg-time">2017/02/20  12:25:00</div>
								<div class="msg-content new-msg">
									<p>审核通过通知</p>
									<div class="msg-inter">
										您好，您于2017/02/03申请的良好行为证明一已通过！
									</div>
									<a href="#">查看详情</a>
								</div>
							</div>
							<div class="msg-list">
								<div class="msg-time">2017/02/20  12:25:00</div>
								<div class="msg-content new-msg">
									<p>审核通过通知</p>
									<div class="msg-inter">
										您好，您于2017/02/03申请的良好行为证明一已通过！
									</div>
									<a href="#">查看详情</a>
								</div>
							</div>
						</div>
						<!-- 系统消息 end -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer text-center">
		<p>© 横琴云廷科技有限公司  |  粤公网安备 52003316146400078 号</p>
	</div>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript">
		$(function(){
			var bodyH = $(window).height();
			var pHeight = $(".personal-main").outerHeight();
			var header = $(".header").outerHeight();
			var footer = $(".footer").outerHeight();
			pHeight = bodyH - (header + footer);
			$(".personal-main").css('height',pHeight+ "px");
		});
	</script>
</body>
</html>